<template>
	<view class="container">
		<button style="display: flex;justify-content: center;" class="body-title contact" open-type="contact">
			<image class="contact-img" src="../../static/images/my/my_contact.svg"></image>
		</button>
		<!-- <view @click="doContact">
		</view> -->
	</view>
</template>
<script>
export default {
	name: 'BhContact',
	emits: ['clickContact'],
	props: {
	},
	data() {
		return {
		}
	},
	created() {
	},
	methods: {
		doContact() {
			this.$emit('clickContact')
		}
	},

}
</script>
<style scoped lang="scss">
@import url(../../static/css/base.css);

.container {
	position: fixed;
    right: 16rpx;
    bottom: 300rpx;
    background-color: #F8D247;
    /* border-top-left-radius: 40rpx; */
    /* border-bottom-left-radius: 40rpx; */
    /* padding: 16rpx 0rpx 8rpx 16rpx; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100rpx;
    height: 100rpx;
}

.contact-img {
	width: 70rpx;
	height: 70rpx;
}

button::after{
  content: '';
  border: none;
}
.body-title {
	font-size: 32rpx;
	font-weight: 600;
	color: #333333;
	flex: 1;
}

.contact {
	background-color: transparent;
	border-radius: 0rpx;
	box-sizing: inherit;
	line-height: normal;
	padding: 0;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	border: none;
	border: 0px solid red;
}

.contactbutton::after {
	content: ''
}
</style>